/<template>
  <div class="uu_count">
    <div class="mian_count22">
      <div class="shang">
        <div class="zuo">
          <img :src="ItemObject.prelogo" alt="" />
          <div>
            <h4>{{ ItemObject.build_title }}</h4>
            <p>{{ ItemObject.adviser_level_name }}</p>
          </div>
        </div>
        <div class="you"><span> 微聊 </span> <span> 电话咨询 </span></div>
      </div>
      <div class="xia">
        <div class="you1">
          <div>{{ ItemObject.content }}</div>
          <div v-for="(item, index) in ItemObject.attached" :key="index">
            <img :src="item.path" alt="" />
          </div>
          <div class="timer">{{ ItemObject1.ctime }}</div>
        </div>
      </div>
    </div>
    <!-- <div  class="mian_count22">
        <div class="shang">
            <div class="zuo">
            <img :src="ItemObject.prelogo" alt="" />
            <div>
                <h4>{{ ItemObject.build_title }}</h4>
                <p>{{ ItemObject.adviser_level_name }}</p>
            </div>
            </div>
            <div class="you">
            <span> 微聊 </span>
            <span> 电话咨询 </span>
            </div>
        </div>
     <div class="xia">
     <div class="you1">
      <div>{{ ItemObject.content }}</div>
      <div v-for="(ItemObject1, index) in ItemObject.attached" :key="index">
        <img :src="ItemObject1.path" alt="" />
      </div>
      <div class="timer">{{ ItemObject.ctime }}</div>
    </div>
  </div> -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      img: "../../../images/输入法.png",
      ItemObject: {
        id: 25306,
        uid: 11578,
        cate_id: 0,
        cid: 146,
        build_id: 152,
        house_id: 0,
        content:
          "世丨宿迁城际空间站\n界丨商铺🏦\n五丨办公写字楼🏢\n百丨酒店公寓🍷\n强丨高铁站🚄&汽车站🚌\n绿丨200万方造城之作\n地丨☎周苇苇",
        forbid_comment: 0,
        build_title: "绿地·城际空间站",
        view_count: 3,
        reply_count: 0,
        praise_count: 0,
        type: 2,
        status: 1,
        ctime: "2021-06-22 09:05",
        cate_title: null,
        cname: "绿地城际空间站-周苇苇",
        tel: "18705247278",
        nickname: "",
        verified_name: "置业顾问",
        adviser_id: 606,
        isfrozen: 0,
        prelogo:
          "https://images.sqfcw.com/attachment/config/20201105/31b053b9d20f07e73abc771831c16278502c17b1.png",
        adviser_levelid: 3,
        adviser_level_name: "铜牌置业顾问",
        house_title: "",
        attached: [
          {
            id: 10687,
            type: 2,
            path: "https://images.sqfcw.com/attachment/building_circle/20210622/ca0a725e683dd6eb015f2c5eb1c21224d9f4abb3.jpeg",
            duration: 0,
          },
        ],
      },
    };
  },
};
</script>

<style lang="scss" scoped>
.mian_count22 {
  width: 95%;
  margin: 15rpx auto;
  display: flex;
  flex-direction: column;
  .shang {
    width: 100%;
    height: 100rpx;
    display: flex;
    flex-direction: row;
    .zuo {
      width: 50%;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      > div {
        text-decoration: 50rpx;
        width: calc(100% - 60rpx);
        > h4 {
          font-weight: bold;
        }
        > p {
          margin-top: 5rpx;
          color: #ccc;
          font-size: 23rpx;
        }
      }
      > img {
        margin-right: 30rpx;
        width: 55rpx;
        height: 55rpx;
        border-radius: 50%;
      }
    }
    .you {
      width: 50%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      > span {
        width: 150rpx;
        height: 60rpx;
        line-height: 60rpx;
        border: 1px solid #ff656b;
        color: #ff656b;
        text-align: center;
        border-radius: 4rpx;
        box-shadow: 0 2rpx 4rpx 0;
      }
    }
  }
  .xia {
    width: 90%;
    margin: 0 auto;
    display: flex;
    .you1 {
      width: 100%;
      height: 100%;
      > div:nth-child(1) {
        margin: 10rpx 0;
      }
      > div:nth-child(2) {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        margin-top: 20rpx;
        > img {
          width: 100%;
        }
      }
      .timer {
        width: 100%;
        line-height: 110rpx;
        text-align: right;
        color: rgb(145, 141, 141);
      }
    }
  }
}
</style>